<template>
  <div class="box">
    <ul>
      <li>
        <p>账号</p>
      </li>
      <li><input type="text" placeholder="手机/用户名" v-model="zh"></li>
      <li>
        <p>密码</p>
      </li>
      <li><input type="password" placeholder="输入密码" v-model="mm"></li>
      <li><button @click="dj">登录</button></li>zzzz
    </ul>
  </div>
</template>

<script setup>
import { ref } from "vue";
  console.log(zh.value);
  console.log(mm.value);
  if (zh.value == '张三' && mm.value == 147258) {
    alert('登录成功')
  }
  else {
    alert('用户名或密码错误')
    zh.value = null
    mm.value = null
  }
import { ref } from "vue";
let zh=ref()
let mm=ref()
const dj=()=>{
 
}
</script>

<style lang="scss" scoped></style>